import "@/styles/base.css";

import { createApp } from "vue";
import pinia from "./stores/index.js";

// vant组件
import {
  Button,
  Tabbar,
  TabbarItem,
  NavBar,
  Field,
  CellGroup,
  Toast,
  CountDown,
  Search,
  Swipe,
  SwipeItem,
  Grid,
  GridItem,
  Empty,
  Rate,
  ActionBar,
  ActionBarIcon,
  ActionBarButton,
  Popup,
  ActionSheet,
  Stepper,
  Dialog,
  SwipeCell,
  SubmitBar,
  Tab,
  Tabs,
} from "vant";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(router);

app.use(Button);
app.use(Tabbar);
app.use(TabbarItem);
app.use(NavBar);
app.use(Toast);
app.use(CountDown);
app.use(Swipe);
app.use(SwipeItem);
app.use(Grid);
app.use(GridItem);
app.use(Empty);
app.use(Search);
app.use(Rate);
app.use(ActionBar);
app.use(ActionBarIcon);
app.use(ActionBarButton);
app.use(Popup);
app.use(ActionSheet);
app.use(Stepper);
app.use(Dialog);
app.use(SwipeCell);
app.use(SubmitBar);
app.use(Field);
app.use(CellGroup);
app.use(Tab);
app.use(Tabs);

app.use(pinia);
app.mount("#app");
